<div id="tabcontainer">
    <ul>
       <li><a href="#tab1" class="actv">Lập hóa đơn bán</a></li>
       <li><a href="#tab2">Danh sách hóa đơn bán</a></li>
    </ul>
</div>
<div id="tabsdetail">
    <div id="tab1" class="tabcontents">
       <form action="#" method="post">
           <div class="hd">
               <h2>hóa đơn bán hàng</h2>
               <div class="sub-form">
                   <label>Người lập  <input type="text" name="" value="" size="28"></label>
               </div>
               <div class="sub-form">
                   <label>Ngày lập <input type="text" name="" value="" size="28"></label>
               </div>
               <div class="sub-form">
                   <label>Số bàn  
                        <input type="text" name="" value="" size="5">

                   </label>
               </div>
               <table>
                   <thead>
                       <tr>
                           <th>stt</th>
                           <th>Tên sản phẩm</th>
                           <th>Số lượng</th>
                           <th>Đơn giá</th>
                           <th>Thành tiền</th>
                       </tr>
                   </thead>
                   <tbody>
                       <tr>
                            <td>1</td>
                            <td><input type="text" size="15" value=""></td>
                            <td class="quty">
                                <input type="text" class="quyti" value="1">
                                <button class="minus" type="button"></button>
                                <button class="plus" type="button"></button>
                            </td>
                            <td><input type="text" size="10" value=""></td>
                            <td>000</td>
                       </tr>
                   </tbody>
               </table>
               <p class="oder">Tổng tiền: 0000</p><br>
               <div class="notes">
                    <h3>Ghi chú</h3>
                    <textarea name="" id="" cols="" rows="5"></textarea>
               </div>
            </div>
            <ul class="add">
                <li><a href="">Thêm</a></li>
                <li><a href="">Lưu</a></li>
                <li><a href="">In</a></li>
                <li><a href="">Thoát</a></li>
            </ul>
       </form>
    </div>
    <div id="tab2" class="tabcontents">
        <form action="" method="post">
              <div class="hd">
                 <h2>danh sách hóa đơn bán</h2>
                 <div class="sub-form">
                     <label>Từ Ngày  <input type="text" name="" value="" size="28"></label>
                 </div>
                 <div class="sub-form">
                     <label>Đến ngày <input type="text" name="" value="" size="28">
                          <button type="submit"><img src="public/images/search.png" alt=""></button>
                      </label>
                 </div>
                 <table>
                     <thead>
                         <tr>
                             <th><input type="checkbox">Mã hóa đơn</th>
                             <th>Tổng tiền</th>
                             <th>Ngày lập</th>
                             <th>Người lập</th>
                             <th>Số bàn</th>
                             <th>Ghi chú</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr class="tb1">
                         </tr>
                     </tbody>
                 </table>
            </div>
            <ul class="add bh">
                <li><a href="">Thêm</a></li>
                <li><a href="">Sửa</a></li>
                <li><a href="">Xóa</a></li>
            </ul>
       </form>
    </div>
</div>